.GmSwapBox {
  border-radius: 0.4rem;
  padding: 1.5rem;
}

.GmSwapBox-asset-options-tabs {
  margin: 1.5rem 0;
}

.GmSwapBox-info-section {
  margin-bottom: 1.1rem;
}

.GmSwapBox-market-dropdown {
  margin-top: 1.5rem;
  margin-left: -0.5rem;

  .Dropdown-current {
    font-size: 1.5rem;
  }

  .menu-items {
    top: 3.3rem;
  }
}

.GmSwapBox-form-layout {
  display: flex;
  flex-direction: column;

  &.reverse {
    flex-direction: column-reverse;
  }
}

.GmSwapBox-warning {
  margin-bottom: 1.05rem !important;
}

.warning-tooltip {
  direction: ltr;

  .Tooltip-handle {
    color: var(--color-yellow-500);
    text-decoration-color: var(--color-yellow-500);
  }

  .Tooltip-popup {
    color: var(--color-white);
  }
}

.gm-toast {
  line-height: 1.4;
}

@media (max-width: 900px) {
  .GmSwapBox-content {
    flex-wrap: wrap;
  }

  .GmSwapBox-content .GlpSwap-stats-card {
    margin: 0;
    margin-bottom: 3.1rem;
    max-width: 100%;
  }

  .GmSwapBox-content .GlpSwap-box {
    margin: 0;
    max-width: 100%;
  }
}
